<script>
  import {TDivider, TSpace} from 'tdesign-svelte'
</script>

<div class="tdesign-demo-wrapper tdesign-demo-item--divider-text tdesign-demo-item--divider">
  <td-doc-demo mode="auto" language="markup">
    <div class="tdesign-demo-item__body">
      <TSpace direction="vertical">
        <p>
          这是第一种类型的内容元素或信息数据，通过分割线进行分割。分割线方便用户清晰明确的读取和预览，减少信息符合，提高用户使用效率。避免大段内容的聚集、信息负荷过多，导致信息获取或内容操作效率降低。
        </p>
        <TDivider align="left">TDesign</TDivider>
        <p>
          这是第二种类型的内容元素或信息数据，通过分割线进行分割。分割线方便用户清晰明确的读取和预览，减少信息符合，提高用户使用效率。避免大段内容的聚集、信息负荷过多，导致信息获取或内容操作效率降低。
        </p>
        <TDivider align="center" dashed>TDesign</TDivider>
        <p>
          这是第三种类型的内容元素或信息数据，通过分割线进行分割。分割线方便用户清晰明确的读取和预览，减少信息符合，提高用户使用效率。避免大段内容的聚集、信息负荷过多，导致信息获取或内容操作效率降低。
        </p>
        <TDivider align="right" dashed>TDesign</TDivider>
        <p>
          这是第四种类型的内容元素或信息数据，通过分割线进行分割。分割线方便用户清晰明确的读取和预览，减少信息符合，提高用户使用效率。避免大段内容的聚集、信息负荷过多，导致信息获取或内容操作效率降低。
        </p>
      </TSpace>
    </div>
  </td-doc-demo>

</div>

